<template>
  <div class="system-item" @click="openSystem(systemInfo.context)">
    <Tooltip :content="systemInfo.name">
      <img :src="systemInfo.picture" />
    </Tooltip>
  </div>
</template>
<script>
import { getToken } from '@/libs/util'
export default {
  name: 'system-name',
  props: {
    systemInfo: {
      type: Object,
      default: () => {},
    },
  },
  methods: {
    openSystem(context) {
      window.open(context)
    },
  },
}
</script>
<style lang="less" scoped>
.system-item {
  width: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  span {
    font-size: 14px;
  }
}
</style>